.mask{
    z-index: 999;
    background: rgba(0, 0, 0, 0.51);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.mask.hidden{
    display: none;
}
    .mask .message{
        width: 60%;
        display: block;
        background: #fff;
        margin: auto;
        margin-top: 45%;
        height: 135px;
        max-height: 150px;
        padding: 40px 30px 20px 30px;
    }
        .mask .message .message-tip{
            height: 80%;
        }
        .mask .message .message-button{
            height: 20%;
            text-align: right;
        }
            .mask .message .message-button span{
                display: inline;
                padding: 0 10px;
                cursor: pointer;
            }
                .mask .message .message-button span.message-queren{
                    color: rgb(32,175,31);
                }
                .mask .message .message-button span.message-cancel{
                    color: rgb(137,137,137);
                }